<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml" itemscope itemtype="http://schema.org/Thing"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml" itemscope itemtype="http://schema.org/Thing"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml" itemscope itemtype="http://schema.org/Thing"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml" itemscope itemtype="http://schema.org/Thing"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Lacoste Future</title>

    <link rel="icon" href="/L1212/images/favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="/L1212/images/favicon.ico" type="image/x-icon"/>

    <link rel="stylesheet" href="/css/l1212.css">
</head>
<body>
<div id="loading"></div>
<!-- !container popin -->

<div id="global">

<div id="nav-bis">
    <div class="prev-btn btn"></div>
    <div class="paging-btn">
        <div class="point-btn" data-id="#tennis-futur" data-value="0"></div>
        <div class="point-btn active" data-id="#watch" data-value="1"></div>
        <div class="point-btn" data-id="#manifesto" data-value="2"></div>
        <div class="point-btn" data-id="#polo-futur" data-value="3"></div>
        <div class="point-btn" data-id="#find-l1212" data-value="4"></div>

        <!--<div class="point-btn active" data-id="#watch" data-value="0"></div>-->
        <!--<div class="point-btn" data-id="#polo-futur" data-value="1"></div>-->
        <!--<div class="point-btn" data-id="#find-l1212" data-value="2"></div>-->
        <!--<div class="point-btn" data-id="#manifesto" data-value="3"></div>-->
        <!--<div class="point-btn" data-id="#tennis-futur" data-value="4"></div>-->
    </div>
    <div class="next-btn btn"></div>
    <div class="fb-btn btn">
        <a href="#" class="link-share" data-width="572" data-height="253" data-network="facebook"
           data-link="http://www.lacoste-future.com/fr/"></a>
    </div>
    <div class="pin-btn btn">
        <a href="#" class="link-share" data-width="572" data-height="253" data-network="pinterest"
           data-link="http://www.lacoste-future.com/fr/" data-desc="Imaginez le Polo du Futur
" data-image="http://www.lacoste-future.com/L1212/images/pinterest.jpg"></a>
    </div>
    <div class="gplus-btn btn">
        <a href="#" class="link-share" data-network="google" data-width="600" data-height="600"
           data-link="http://www.lacoste-future.com/fr/" data-desc="Imaginez le Polo du Futur
"></a>
    </div>
    <div class="tumblr-btn btn">
        <a href="#" class="link-share" data-network="tumblr" data-width="600" data-height="600"
           data-link="http://www.lacoste-future.com/fr/" data-desc="Imaginez le Polo du Futur
" data-image="http://www.lacoste-future.com/L1212/images/tumblr.gif"></a>
    </div>
    <div class="twitter-btn btn">
        <a href="#" class="link-share" data-network="twitter" data-width="550" data-height="450"
           data-link="http://www.lacoste-future.com/fr/" data-desc="Imaginez le Polo du Futur
"></a>
    </div>
</div>
<div id="page">
<div class="parallax-wrapper">
<div class="parallax-wrapper">
    <div id="tennis-futur" class="module">
        <div class="row1">
            <img src="/images/images/title_row1.png" height="280" width="723">
        </div>
    </div>
    <div style="clear: both; height: 100px;"></div>
    <div id="watch" class="module">
        <div class="title">
            <img src="/images/images/title_escape_nomaly.png" />
        </div>
        <div id="player">
            <!--<iframe src="http://player.vimeo.com/video/35099533?badge=0&amp;autoplay=1" width="1024" height="575" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>-->
            <iframe width="1024" height="576" src="" frameborder="0" allowfullscreen wmode="Opaque" data-reload="http://www.youtube.com/embed/8lsaxIlBXWg?autoplay=1&autohide=1&controls=2&iv_load_policy=3&modestbranding=1&rel=0&showinfo=0&wmode=transparent&vq=hd720&theme=dark&color=white
"></iframe>
        </div>
    </div>
    <div id="manifesto" class="module">
        <div class="title">
            <img src="/images/images/title_6_party.png" />
        </div>
        <div id="bg-manifesto"></div>
        <div id="manifesto-double-wrapper">
            <div id="manifesto-wrapper">
                <div id="controls">
                    <div class="right-btn"></div>
                    <div class="left-btn"></div>
                    <div class="pagination"></div>
                </div>
                <div class="bg-slides">
                    <div class="bg5 bg-manifesto"></div>
                    <div class="bg2 bg-manifesto"></div>
                    <div class="bg1 bg-manifesto"></div>
                    <div class="bg3 bg-manifesto"></div>
                    <div class="bg4 bg-manifesto"></div>
                </div>
                <div id="manifesto-content">
                    <div class="slide" data-id="5">
                        <div class="manifesto-image">
                            <img src="/images/manifesto-5-v3.png"
                                 tppabs="http://www.lacoste-future.com/L1212/images/manifesto/manifesto-5-v3.png"
                                 alt="Manifesto 5"/>
                        </div>
                        <div class="manifesto-slide-content">
                            <p>Le Film Polo du Futur présente un avenir possible, celui que nous avons imaginé.
                                <br/><br/>
                                Mais les possibilités sont immenses.
                                <br/>
                                C’est pourquoi nous vous invitons à imaginer avec nous le L.12.12 du futur.
                                <br/><br/>
                                Connectez-vous sur <a href="javascript:if(confirm(%27http://facebook.com/Lacoste/  \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://facebook.com/Lacoste/%27" target=_blank>Facebook</a> pour inventer le
                                Polo du Futur.
                                <br/>
                                Les visions les plus créatives seront diffusées sur
                                <a href="javascript:if(confirm(%27http://facebook.com/Lacoste/  \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://facebook.com/Lacoste/%27" target=_blank>Facebook.com/Lacoste</a>.
                            </p>
                        </div>
                    </div>
                    <div class="slide" data-id="1">
                        <div class="manifesto-image">
                            <img src="/images/manifesto-1-v3.png" alt="Manifesto 1"/>
                        </div>
                        <div class="manifesto-slide-content">
                            <p>
                                La L.12.12 est immédiatement considérée comme une véritable innovation technique.
                                <br/>
                                Mais René Lacoste va plus loin.
                            </p>
                        </div>
                    </div>
                    <div class="slide" data-id="2">
                        <div class="manifesto-image">
                            <img src="/images/manifesto-2-v3.png" alt="Manifesto 2"/>
                        </div>
                        <div class="manifesto-slide-content">
                            <p>
                                Les technologies, elles, ont vécu plusieurs révolutions, sans que la qualité du L.12.12 ne
                                bouge d'un iota.
                            </p>
                        </div>
                    </div>
                    <div class="slide" data-id="3">
                        <div class="manifesto-image">
                            <img src="/images/manifesto-3-v3.png" alt="Manifesto 3"/>
                        </div>
                        <div class="manifesto-slide-content">
                            <p>
                                <br/>
                                Partons d’une feuille blanche pour imaginer le Polo du Futur.
                            </p>
                        </div>
                    </div>
                    <div class="slide" data-id="4">
                        <div class="manifesto-image">
                            <img src="/images/manifesto-4-v3.png"  alt="Manifesto 4"/>
                        </div>
                        <div class="manifesto-slide-content">
                            <p>Un polo toujours indémodable, élégant et confortable, mais augmenté de tout ce que la
                                technologie peut offrir.
                                <br/><br/>
                                Un polo conscient de son environnement, un polo intelligent, un polo connecté… un polo sans
                                aucune limite.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="join" class="module">
        <div class="title">
            <img src="/images/images/title_join_exclusive.png" />
        </div>
        <div class="two-square">
            <div class="square">
                <img src="/images/images/1.png" width="460" >
            </div>
            <div class="square">
                <img src="/images/images/2.png" width="460" >
            </div>
        </div>
    </div>

    <div id="escape" class="module">
        <div class="title">
            <img src="/images/images/title_way_to_escape.png" />
        </div>
        <div class="three-square">
            <div class="square">
                <img src="/images/images/escape_my_own.png" width="330">
            </div>
            <div class="square">
                <img src="/images/images/escape_party_bus.png" width="330">
            </div>
            <div class="square">
                <img src="/images/images/escape_boat.png" width="330">
            </div>
        </div>
        <img src="/images/images/title2_escape_taxi.png" height="55">
    </div>

    <div id="register" class="module">
        <div class="title">
            <img src="/images/images/title_register_now.png" />
        </div>
        <div class="three-square">
            <div class="square">
                <img src="/images/images/register_free_style.png" width="330">
            </div>
            <div class="square">
                <img src="/images/images/register_special_deluxe.png" width="330">
            </div>
            <div class="square">
                <img src="/images/images/register_special_vip.png" width="330">
            </div>
        </div>
    </div>

    <div id="partner" class="module">
        <div class="title">
            <img src="/images/images/title_partner.png" />
        </div>
        <div class="list-partner">
            <div class="list-partner-item">

            </div>

            <div class="list-partner-item">

            </div>


            <div class="list-partner-item">

            </div>
        </div>
        <div class="list-partner">
            <div class="list-partner-item">

            </div>

            <div class="list-partner-item">

            </div>


            <div class="list-partner-item">

            </div>
        </div>
    </div>


    <div id="backtotop">
        <a href="#global" class="link"><img src="/images/images/top-of-page.png" alt="haut de page" height="54"/></a><br/>

        <div class="separator"></div>
        <p><a href="#global"></a></p>
    </div>

</div>
</div>
</div>


</div>

<script> var path = '/';</script>
<script src="/myjs/jquery.min.js" ></script>
<script>window.jQuery || document.write('<script src="/myjs/jquery.js"/*tpa=http://www.lacoste-future.com/L1212/js/libs/jquery.js*/><\/script>')</script>
<script src="/myjs/plugins.js" ></script>
<script src="/myjs/script.js"></script>
<script src="/myjs/share.js"></script>

</body>
</html>